<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/register.css">
</head>

<body>

    <div class="bg-container">
        <div class="center">
            <div class="register-container">
                <div class="form-logo">
                    <img src="./images/logo.png" alt="">
                </div>
                <form>
                    <p class="form-title">用户注册</p>
                    <div class="form-item">
                        <label for="">用户名：</label>
                        <input type="text" id="username">
                        <span>6-10位字母、数字、下划线</span>
                    </div>
                    <div class="form-item">
                        <label for="">密码：</label>
                        <input type="password" id="password">
                        <span>6位纯数字</span>
                    </div>
                    <div class="form-item">
                        <label for="">确认密码：</label>
                        <input type="password">
                        <span>两次密码不一致</span>
                    </div>
                    <div class="form-item">
                        <label for="">证件类型：</label>
                        <select>
                            <option value="">身份证</option>
                            <option value="">户口本</option>
                        </select>
                    </div>
                    <div class="form-item">
                        <label for="">性别：</label>

                        <div>
                            <input type="radio" name="gender">
                            <label class="man-label">男</label>
                            <input type="radio" name="gender">
                            <label>女</label>
                        </div>

                        <span>性别不能为空</span>
                    </div>
                    <div class="form-item">
                        <label for="">学历：</label>
                        <div>
                            <input type="checkbox">
                            <label>大专</label>
                            <input type="checkbox">
                            <label>本科</label>
                            <input type="checkbox">
                            <label>研究生</label>
                        </div>
                        <span>学历不能为空</span>
                    </div>
                    <div class="form-item">
                        <label for="">年龄：</label>
                        <input type="number">
                        <span>年龄不能为空</span>
                    </div>
                    <div class="form-item">
                        <label for="">出生日期：</label>
                        <input type="date">
                        <span>日期不能为空</span>
                    </div>
                    <div class="form-item">
                        <label for=""></label>
                        <div class="to-login">
                            <a href="./login.html">已有账号登录</a>
                        </div>
                    </div>
                    <div class="form-item">
                        <label for=""></label>
                        <div class="flex-bt">
                            <button type="reset">重置</button>
                            <button id="registerBtn" type="button">注册</button>
                        </div>
                    </div>
                    <div class="form-item">
                        <label for=""></label>
                        <strong>
                            完成此注册，即表明您同意了我们的
                            <span>《使用条款和隐私策略》</span>
                        </strong>
                    </div>

                </form>
            </div>
        </div>
    </div>


    <script src="./js/jquery-3.7.1.min.js"></script>
    <script src="./js/register.js"></script>
</body>

</html>